<template>
    <div class="gao">
        <div class="totem-background"></div>
        <h2>合作方</h2>
    </div>
    <div>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
    </div>
    <div>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
        <p><img src="../../../static/img/hz1.png"/> </p>
    </div>
</template>
<script setup></script>
<style scoped>
    p{
        float: left;
        width: 200px;
    }
.gao {
    height: 80px;
    width: 1200px;
    margin: 0 auto;
}

h2 {
    font-weight: Bold;
    width: 130px;
    text-align: center;
    margin: auto;
    margin-top: -70px;
    text-transform: uppercase;
    font-size: 18px;
}

.totem-background {
    height: 50px;
    width: 618px;
    margin: 15px auto;
    background-image: url(/static/img/ribbon-totem.571264d.png);
}
</style>